.container {
    display: flex;
    gap: 10px;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    place-items: center; /* 水平和垂直居中 */
    border: 2px dashed lightgrey;
    padding: 10px;
}

.container > div {
    width: 10vh;
    height: 10vh;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    font-size: 5vh;
}

.container-answer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    place-items: center; /* 水平和垂直居中 */
    border: 2px dashed lightgrey;
    padding: 10px;
}

.container-answer > div {
    width: 10vh;
    height: 10vh;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    font-size: 5vh;
}

.block-word {
    background-color: lightgreen;
    border: 1px solid green;
}

.block-draggable {
    background-color: lightblue;
    border: 1px solid blue;
}

.block-droppable {
    background-color: lightgray;
    border: 1px dashed gray;
}

.right {
    float: right;
    margin: 2px;
}

.app-image {
    width: 10vh;
    height: 10vh;
}

.ui-alert {
    margin: 20px;
}
